/* @group Base */
.chzn-container {
display: inline-block;
vertical-align: middle;
font-size: 13px;
zoom: 1;
*display: inline;
border: 1px solid #E5D4C2;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.chzn-container .chzn-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
-moz-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
background: #fff;
margin-top: 2px;
}
.chzn-container.chzn-with-drop .chzn-drop {
left: 0;
}
/* @end */
/* @group Results */
.chzn-container .chzn-results {
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 281px;
-webkit-overflow-scrolling: touch;
}
.chzn-container .chzn-results li {
display: none;
margin: 0;
list-style: none;
font-weight: 700;
text-transform: uppercase;
letter-spacing: -1px;
color: #8E8071;
font-size: 13px;
line-height: 17px;
padding: 10px 16px;
background: #FFF;
border-left: 3px solid rgba(0, 0, 0, 0);
}
.chzn-container .chzn-results li:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.chzn-container .chzn-results li:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.chzn-container .chzn-results li.active-result {
display: list-item;
cursor: pointer;
font-size: 13px;
color: #786e55;
}
.chzn-container .chzn-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chzn-container .chzn-results li.highlighted {
background: #F8F3F0;
border-left: 3px solid #4DAF7B;
}
.chzn-container .chzn-results li.no-results {
display: list-item;
font-size: 12px;
color: #786e55;
}
.chzn-container .chzn-results li.no-results span {color: #c88888;}
.chzn-container .chzn-results li.group-result {
display: list-item;
color: #999;
font-weight: bold;
cursor: default;
}
.chzn-container .chzn-results li.group-option {padding-left: 15px;}
.chzn-container .chzn-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
height: auto !important;
cursor: text;
padding-right: 44px;
background: url(/images/icons/plus.png) right top no-repeat;
}
.chzn-container-multi .chzn-choices li {
float: left;
list-style: none;
}
.chzn-container-multi .chzn-choices li.search-field {
margin: 0;
padding: 0 0 0 10px;
white-space: nowrap;
}
.chzn-container-multi .chzn-choices li.search-field input {
margin: 0;
padding: 0;
outline: 0;
border: 0 none !important;
background: transparent !important;
filter:none;
height: 46px;
box-shadow: none;
color: #786e55;
font-size: 11px;
}
.chzn-container-multi .chzn-choices li.search-field .default {
color: #c9c2bc;
font-size: 13px;
}
.chzn-container-multi .chzn-choices li.search-choice {
position: relative;
margin: 5px 0 0 3px;
padding: 0 21px 0 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
height: 36px;
line-height: 34px;
cursor: default;
background: #4daf7b;
letter-spacing: -1px;
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
position: absolute;
top: 13px;
right: 6px;
display: block;
width: 9px;
height: 9px;
background: url('../images/chosen-close.png') center center no-repeat;
font-size: 1px;
opacity: .5;
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {opacity: 1;}
.chzn-container-multi .chzn-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666;
}
.chzn-container-multi .chzn-choices li.search-choice-focus {
background: #5e90af;
}
.chzn-container-multi .chzn-results {
margin: 0;
padding: 0;
}
.chzn-container-multi .chzn-drop .result-selected {
display: list-item;
color: #B7B8B6;
cursor: default;
}
/* @end */
/* @group Active */
.chzn-container-active .chzn-single {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chzn-container-active.chzn-with-drop .chzn-single {
border: 1px solid #aaa;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
box-shadow: 0 1px 0 #fff inset;
}
.chzn-container-active.chzn-with-drop .chzn-single div {
border-left: none;
background: transparent;
}
.chzn-container-active.chzn-with-drop .chzn-single div b {
background-position: -18px 2px;
}
/* @end */
/* @group Disabled Support */
.chzn-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chzn-disabled .chzn-single {
cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */